<template>
	<view class="p_bg_all">
		<view class="top_bg"></view>
		<view class="top"></view>
		<image src="https://dy.sykj365.com/uploads/mini/logo@2x.png" mode="widthFix"></image>
		<view class="p_text_c p_font_32">云印萌小程序</view>
		<view class="p_btn">
			<view>登录</view>
		</view>
		<view class="p_btn quxiao">
			<view>取消</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.p_bg_all {

		image {
			width: 140rpx;
			height: 140rpx;
			border-radius: 50%;
			margin: -70rpx auto 0;
		}
	}

	.top_bg {
		height: 150rpx;
		background-color: #E7ECF5;
	}

	.top {
		width: 100%;
		height: 200rpx;
		margin-top: -100rpx;
		border-radius: 50%;
		background-color: #E7ECF5;
	}

	.p_text_c {
		margin: 60rpx 0 220rpx;
	}

	.p_btn {
		width: 400rpx;
		border-radius: 16rpx;
		margin-bottom: 50rpx;
	}

	.p_btn.quxiao {
		background-color: transparent !important;
		border: 1px solid #05B570;
		box-sizing: border-box;

		view {
			color: #05B570;
		}
	}
</style>
